<!DOCTYPE HTML>
<html style="max-width: 640px; margin: 0 auto;">
<head>
    <meta charset="utf-8"/>
    <meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
    <meta name="misapplication-tap-highlight" content="no"/>
    <meta name="HandheldFriendly" content="true"/>
    <meta name="MobileOptimized" content="320"/>
    <meta http-equiv="Pragma" content="no-cache">
    <meta http-equiv="Cache-Control" content="no-cache">
    <meta http-equiv="Expires" content="0">
    <meta name="description" content="111.1元红包疯狂中" />
    <title>摇一摇</title>
    <script>
        //微信分享设置
        var dataForWeixin = {
            appId: "",
            img: "https://wx.shake.xinglongdayuan.com/yaoyiyao/images/logo.png",
            url: 'https://wx.shake.xinglongdayuan.com/yaoyiyao/newyearyyy.html', //链接地址
            title: "彩票大请客 新年博头彩", //分享的标题
            desc: "30万张福利彩票大放送，100万奖金大奖幸运中", // 分享的描述文字
            fakeid: "",
        };
    </script>
    <script type="text/javascript" src="js/jquery-2.1.4.min.js"></script>
    <script type="text/javascript" src="js/component.js"></script>
    <script type="text/javascript">
        function getCookie(cookie_name)
        {
            var allcookies = document.cookie;
            var cookie_pos = allcookies.indexOf(cookie_name);   //索引的长度

            // 如果找到了索引，就代表cookie存在，
            // 反之，就说明不存在。

            if (cookie_pos != -1){
                // 把cookie_pos放在值的开始，只要给值加1即可。
                cookie_pos += cookie_name.length + 1;      //这里容易出问题，所以请大家参考的时候自己好好研究一下
                var cookie_end = allcookies.indexOf(";", cookie_pos);

                if (cookie_end == -1){
                    cookie_end = allcookies.length;
                }

                var value = unescape(allcookies.substring(cookie_pos, cookie_end));         //这里就可以得到你想要的cookie的值了。。。
            }else{
                if(CYutils.isWeiXin()){
                    location.href = 'https://user.wx.xinglongdayuan.com/jumpurl?acurl=https%3A%2F%2Fshake.xinglongdayuan.com%2Fnewyearyyy.html';
                }
            }
            return value;

        }

        // 调用函数
        var cookie_val = getCookie("BDed_HeaderKey_DJEHBSUAAY");
    </script>

    <script type="text/javascript" src="js/base.js"></script>
    <script src="https://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
    <script type="text/javascript">
        function urlencode (str) {
            str = (str + '').toString();
            return encodeURIComponent(str).replace(/!/g, '%21').replace(/'/g, '%27').replace(/\(/g, '%28').replace(/\)/g, '%29').replace(/\*/g, '%2A').replace(/%20/g, '+');
        }

        $(function(){
            var w = urlencode(location.href);
            jQuery.ajax({
                url: 'https://wx52b1c0d4c35f2531.webwx.xinglongdayuan.com/app/weixinjsbridge/?inajax=1&url='+w,
                dataType: "script",
                cache: true
            })
        });

    </script>
    <!--<script type="text/javascript" src="js/WeixinJSBridge.js"></script>-->
    <script type="text/javascript" src="js/WeixinJS.js"></script>
    <script type="text/javascript" src="js/mui.min.js"></script>

    <script src="js/WeixinJS.js"></script>
    <script type="text/javascript">
        var mid = "DJEHBSUAAY";
        var wx;
        console.log(document.cookie);

//        CYutils.wxShare({
//            title: "3月7日大院摇一摇", //分享的标题
//            desc: "女王现金券抢先中 大院狂撒千万优惠", // 分享的描述文字
//            link: "https://user.wx.xinglongdayuan.com/jumpurl?acurl=https%3A%2F%2Fwx.shake.xinglongdayuan.com%2Fyaoyiyao%2Fyyy.html", //链接地址
//            imgUrl:''
//        });
        //微信分享设置
//        var dataForWeixin = {
//            appId: "",
//            img: "",
//            url: 'https://user.wx.xinglongdayuan.com/jumpurl?acurl=https%3A%2F%2Fwx.shake.xinglongdayuan.com%2Fyaoyiyao%2Fyyy.html', //链接地址
//            title: "3月7日大院摇一摇", //分享的标题
//            desc: "女王现金券抢先中 大院狂撒千万优惠", // 分享的描述文字
//            fakeid: ""
//        };

    </script>
    <link rel="stylesheet" type="text/css" href="css/mui.min.css">
    <link rel="stylesheet" type="text/css" href="css/component.css">
    <link rel="stylesheet" type="text/css" href="css/loading.css">
    <link rel="stylesheet" type="text/css" href="css/yaoyiyao.css">
<style>
    .dialog-content{
        text-align: center;
    }
</style>
</head>
<body>
 <!--<button id="ng" style="z-index: 99999;width: 90px;height: 40px;">点击摇奖</button>-->
<!-- <input type="text" value="" id="test" style="z-index: 888 ;position: fixed;width: 100%;left: 0;top: 100px;">-->
<div id="demo1" class="mui-text-center">
    <p class="mui-progressbar mui-progressbar-in" data-progress="20" >
        <span ></span>
        <p style="position: fixed;left: 44%;top: 50.5%;width: 10%;color: #fff;" ><span id="process"></span></p>
    </p>
</div>
<audio id="c_audio" preload="preload">
    <source type="audio/ogg" src="images/5018.ogg">
    <source type="audio/mpeg" src="images/5018.mp3">
</audio>
<audio id="c_audio2" preload="preload">
    <source type="audio/ogg" src="images/5371.ogg">
    <source type="audio/mpeg" src="images/5371.mp3">
</audio>
<audio id="c_audio3" preload="preload" loop="loop">
    <source type="audio/ogg" src="images/bg.ogg">
    <source type="audio/mpeg" src="images/bg.mp3">
</audio>
<div class="mui_turn" style="display: none;">
    <div class="yybs">
        <img src="images/2019/背景.png">
    </div>
    <div id="snowzone" style="position: fixed; z-index: 5;">
    </div>
    <div class="bg">
        <div class="wxstop">
            <!-- <div class="outletTitle" id="outletTitle"></div> -->
            <a class="mscBtn_stop" id="audioBtn"></a>
            <div class="wxs" id="zhongjiang" style="opacity: 0;"><img src="images/2019/标题.png"></div>
             <div class="jihui">您还有<span id="cjju"></span>次抽奖机会</div>
           <div class="yyy">
               <!-- <img src="images/pan.png" style="border-radius: 50%;"> -->
                <div class="handAnimate shou">
                    <img src="images/2019/手机.png">
                </div>
                <div class="shouz">
                    <img src="images/2019/底部遮挡.png">
                </div>
            <!-- </div>
                <div id="zhongjiang" class="zhongjiang">·中奖名单·</div>
                <div class="box">
                    <div class="t_news">
                        <ul class="news_li">
                        </ul>
                        <ul class="swap"></ul>
                    </div>
                </div>
            </div> -->
    </div>

    <div class="wxsbg">

        <!--<img src="images/wzbg.png">-->
        <div class="button_top">
            <div data-btn="rules" style="width: 44%;">
                <img id="zjjl" src="images/2019/中奖纪录.png" alt="">
            </div>
            <!-- <div data-btn="record" style="width: 44%;">
                <img id="zsjq" src="images/2019/zsjq-icon.png" alt="">
            </div> -->
            <div data-btn="record" style="width: 44%;">
                <img id="hdxz" src="images/2019/活动细则.png" alt="">
            </div>
        </div>
    </div>

</div>
<!--未中奖-->
<div id="error" style="display: none;">
     <img src="images/error.png" class="img-responsive" style="width: 100%;">
</div>

<!--姿势不对没摇上-->
<div id="error2" style="display: none;">
    <img src="images/2018/9/弹窗.png" class="img-responsive" style="width: 100%;">
    <img id="error2Close" src="images/2018/9/再来一次.png" style="width: 80%;margin-top: -19%;margin-left: 10%;">
</div>
<!--摇奖次数用完-->
<div id="error3" style="display: none;">
    <img src="images/2019/6/7摇奖次数不够.png" class="img-responsive" style="width: 100%;">
     <img id="notimeImg" src="images/2019/6/按钮.png" alt="" style="width: 80%;margin-top: -19%;margin-left: 10%;">
</div>
 <!--未到时间-->
 <div id="error4" style="display: none;">
     <img src="images/error4.png" class="img-responsive" style="width: 100%;">
     <div data-btn="error4notimeImg">
         <img id="error4notimeImg" src="images/notime.png" alt="" style="width: 60%; margin-top: 8%; margin-left: 20%">
    </div>
 </div>
<!-- 钻石奖券弹窗 -->
<!-- 情人节活动宣传弹窗 -->
<div id="lover" style="display: block">
    <img class="close-tc" src="./images/2019/叉.png" alt="" width="20px" height="20px">
    <img src="./images/2019/8广告弹窗---副本.png" alt="钻石活动弹窗" width="100%" height="auto">
</div>

 <!--中奖纪录弹窗-->
 <div id="winningRecord" class="popup" style="display: none;">
     <div class="popup-wrap">
         <div id="winningRecordClose"  class="popclose">
            <img class="popup-box-close" src="images/2018/3/23close.png" style="width: 88px;right: 6%;top: -3vh;z-index: -1;position: absolute;height: 103px;">
         </div>
         <div class="popup-box-content winningRecord">
             <img src="images/2019/2/弹窗3.png" alt="" STYLE="display: block; width:100%; width:100%;">
             <!--小票列表-->
             <div class="exchange-content clearfix">
                 <div class="chooseOutlet">
                     <div class="ticket-list-wrap">
                         <!-- 全选 -->
                            <div class="product-al">
                                <div class="product-all">
                                    <em class=""></em>
                                    <span class="all-xz">全选</span>
                                </div>
                                <a href="javascript:void(0)" class="product-sett product-sett-a">去核销</a>
                            </div>
                         <div class="ticket-list" id="tickedList">
                             <!--小票列表-->
                         </div>
                     </div>
                 </div>
             </div>
         </div>
     </div>
 </div>

 <!-- 输入核销码 -->
 <div class="mb-bg" style="display: none">
    <div class="ewb" style="display: none">
        <h3>核销码：</h3>
        <input type="text" name="hxm" value="" placeholder="请输入您的核销码">
        <button class="quxiao">取消</button>&nbsp&nbsp&nbsp&nbsp<button class="queding">确定</button>
    </div>

    <!-- 核销卡券明细 -->
    <div class="hxmx" style="display: none">
        <h3>您要核销的奖券明细</h3>
        <ul class="jq-box">
            <!-- <li><span class="jq-title">5元奖券</span>：<span class="jq-number">6</span>&nbsp&nbsp张</li>
            <li><span class="jq-title">10元奖券</span>：<span class="jq-number">6</span>&nbsp&nbsp张</li>
            <li><span class="jq-title">20元奖券</span>：<span class="jq-number">5</span>&nbsp&nbsp张</li>
            <li><span class="jq-title">25元奖券</span>：<span class="jq-number">5</span>&nbsp&nbsp张</li>
            <li><span class="jq-title">总&nbsp&nbsp计</span>：<span class="jq-number">22</span>&nbsp&nbsp张</li> -->
        </ul>
        <button class="quxiao1">取消</button>&nbsp&nbsp&nbsp&nbsp<button class="queding1">确定</button>
    </div>

    <!-- 情人节活动宣传弹窗 -->
    <!-- <div id="lover" style="display: block">
        <img class="close-tc" src="./images/2019/叉.png" alt="" width="28px" height="28px">
        <img src="./images/2019/8广告弹窗---副本.png" alt="钻石活动弹窗" width="100%" height="auto">
    </div> -->
</div>

 <!--中奖成功-->
<div id="success" style="display: none;">
        <div style="
        background: url(images/2018/3/23close.png) no-repeat;
        background-size: 100% 100%;
        width: 96px;
        height: 106px;
        top: -3%;
        right: -5%;
        position: absolute;
    " id="successClose" class="popup-box-close"></div>

<!--    <img id="successClose" class="popup-box-close" src="images/successClose.png" style="width: 24px;right: 6%;top: 38px;z-index: 999;position: absolute; height: 24px">-->
    <div class="scccessHead" id="scccessshow">
        <div id="scccessshowDes"class="scccessDes">恭喜获得50元女王劵</div>
        <p id="jxyyy"><img src="images/2019/5/继续摇一摇.png" alt="" style="position: absolute;width: 42%;bottom: 20px;left: 29%;"></p>
        <!-- <p id="ckkjb"><img src="images/2019/5/查看我的卡券包.png" alt="" style="position: absolute;width: 42%;bottom: 20px;right: 5%;"></p> -->
    </div>
</div>
 <!--活动规则-->
 <!--活动规则弹窗-->
<div class="popup" id="rules" style="width: 100%;height: 100%;display: none;top: 0;">
    <div style="background: url(&quot;images/2019/7/2活动细则.png&quot;);width: 90%;height:80%;margin-left: 5%;background-size: 100% 100%;z-index: 201;">
    <div style="
    background: url(images/2018/3/23close.png) no-repeat;
    background-size: 100% 100%;
    width: 86px;
    height: 94px;
    top: 1%;
    right: 5%;
    position: absolute;
" id="rulesClose" class="popup-box-close"></div>
    </div>
</div>
 <!-- <div id="rules" class="popup" style="display: none;">
     <div class="popup-wrap">
         <div id="rulesClose"  class="popclose">

         </div> -->
         <!-- <img class="popup-box-close" src="images/close-btn.png" style="width: 26px;right: 14%;top: 3px;z-index: -1;position: absolute;height: 71px"> -->
         <!-- <div class="popup-box-content winningRecord">
             <img src="images/2018/3/活动细则.png" alt="" STYLE="display: block; width:100%; width:100%;">
             <div class="content_xize">
                 <p>1.摇奖时间：</p>
                 <ul>
                     <li>2018年3月7日，9:00-10:00、12:00-13:00、21:00-22:00三个时段</li>
                 </ul>
                 <p>2.摇奖方式：</p>
                 <ul>
                     <li>
                         A.兴隆大院会员在兴隆大院微信公众号、微商城、APP底部摇一摇参与活动；
                     </li>
                     <li>B.顾客中奖后奖项将存在卡券包中；</li>
                     <li>C.到店出示中奖信息核销兑换；</li>
                 </ul>
                 <p>3.摇奖机会：</p>
                 <ul>
                     <li>
                         √ 大院水晶、珍珠、黄金级别会员（含家庭会员中每位成员）每个时段有1次摇奖机会；
                     </li>
                     <li>√ 大院翡翠、钻石级别（含家庭会员中每位成员）每个时段有2次摇奖机会；</li>
                     <li>√ 3月3日-3月7日在大院商城参与【预定活动】购买指定商品，交预定金即可额外赠送摇奖机会，每购买一件增加一次摇奖机会，仅限购买会员账户3月7日摇奖时额外赠送；
                     </li>
                     <li> √ 早中晚各档摇奖机会不累计；</li>
                 </ul>
                 <p>4.活动奖品：</p>
                 <ul>
                 <li>50元女王现金券、38元hipay充值优惠券、大院商城优惠券、影院/电玩/KTV/台球/淘气堡等优惠券；免费视频大奖；50元付费视频代金券；100元付费视频代金券，100/300/500元旅游代金券；鞍山到南京往返机票；长滩岛特价旅游等
                 </li></ul>
                 <p>5.兑奖方式详见中奖后的奖品说明；</p>
             </div>
         </div>
     </div>
 </div> -->

 <!--劵核销-->
 <div id="hxj" style="display: none; width: 100%; height: 100%" class="hxHead">
     <div style="width: 100%;position: absolute;top: 5%;">
         <div id="hxjtitle" style="position: absolute;text-align: center;top: 34%;width: 100%;font-size: 27px;"></div>
         <img src="images/nwj.png" style="width: 100%;">
     </div>
     <div style="width: 80%;position: absolute;top: 30%;padding-left: 20px;font-size: 18px;color: white;"> 有效限期：2018.03.08当天</div>
     <div style="width: 100%;position: absolute;top: 30%;padding-right: 20px;font-size: 18px;color: white;text-align: right;">未使用</div>
     <div style="width: 100%;position: absolute;top: 43%;font-size: 23px;color: white;text-align: center;">二维码核销</div>
     <div style="width: 90%;position: absolute;top: 49%;font-size: 24px;color: white;text-align: center;height: 2px;background-color: white;left: 5%;"></div>
     <!-- <img src="images/sjy.png" style="width: 100%;position: absolute;bottom: 0px;left: 0px;"> -->
     <img id="yhx" src="images/yhx.png" style="width: 50%;position: absolute;bottom: 96px;left: 25%; display: none;">
     <div id="qrcode">

     </div>
     <img id="gofirst" src="images/2019/3/首页.png" style="position: absolute;bottom: 36px;width: 35%;left: 10%;z-index: 999;">
     <img id="goon" src="images/2019/3/继续核销.png" style="position: absolute;bottom: 36px;width: 35%;right: 10%;z-index: 999;
">
 </div>
<div class="mui-backdrop" id="mui-backdrop" style="display: none;"></div>
</body>
<!--<script type='text/javascript'>-->
<!--document.querySelector('body').addEventListener('touchstart', function (ev) {-->
<!--    event.preventDefault();-->
<!--});-->
<!--</script>-->
<script type="text/javascript" src="js/yaoyiyao3.js"></script>
</html>
